import React from 'react'
import { NavBar } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'

export default function Help() {
    const navigate = useNavigate()
    const back = () => {
        navigate('/app/my')
    }
    return (
        <div>
            <NavBar onBack={back}>
                <h3>帮助中心</h3>
            </NavBar>
            <hr />
            <h3 style={{ marginTop: '25px', marginLeft: '10px' }}>我的服务</h3>
            <div style={{width:'100%',height:'100px',display:'flex',justifyContent:'space-around'}}>
                <dl onClick={()=>{navigate('/yijian')}} style={{textAlign:'center'}}>
                    <dt style={{marginTop:'40px'}}><img style={{width:'60px',height:'60px'}} src="https://cdn8.axureshop.com/demo2024/2322481/images/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/u3789.svg" /></dt>
                    <dd style={{marginTop:'10px'}}>意见反馈</dd>
                </dl>
                <dl style={{textAlign:'center'}}>
                    <dt style={{marginTop:'40px'}}><img style={{width:'60px',height:'60px'}} src='https://cdn8.axureshop.com/demo2024/2322481/images/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/u3786.svg' /></dt>
                    <dd style={{marginTop:'10px'}}>在线客服</dd>
                </dl>
                <dl style={{textAlign:'center'}}>
                    <dt style={{marginTop:'40px'}}><img style={{width:'60px',height:'60px'}} src="https://cdn8.axureshop.com/demo2024/2322481/images/%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83/u3785.svg" /></dt>
                    <dd style={{marginTop:'10px'}}>电话客服</dd>
                </dl>
            </div>
            <div style={{width:'100%',height:'10px',backgroundColor:'#eee',marginTop:'55px'}}></div>
            <h3 style={{marginTop:'20px',marginLeft:'10px'}}>常见问题</h3>
            <div>
                <div style={{display:'flex',justifyContent:'space-between',width:'100%',height:'60px',borderBottom:'1px solid #eee',lineHeight:'60px'}}>
                    <p style={{marginLeft:'10px',fontSize:'16px'}}>注册账户才能使用吗?</p>
                    <img style={{width:'10px',height:'10px',marginTop:'20px',marginRight:'15px'}} src='https://cdn8.axureshop.com/demo2024/2322481/images/%E5%BA%97%E9%93%BA%E8%AF%A6%E6%83%85/u1754.svg'/>
                </div>
                <div style={{display:'flex',justifyContent:'space-between',width:'100%',height:'60px',borderBottom:'1px solid #eee',lineHeight:'60px'}}>
                    <p style={{marginLeft:'10px',fontSize:'16px'}}>如何下载和安装APP?</p>
                    <img style={{width:'10px',height:'10px',marginTop:'20px',marginRight:'15px'}} src='https://cdn8.axureshop.com/demo2024/2322481/images/%E5%BA%97%E9%93%BA%E8%AF%A6%E6%83%85/u1754.svg'/>
                </div>
                <div style={{display:'flex',justifyContent:'space-between',width:'100%',height:'60px',borderBottom:'1px solid #eee',lineHeight:'60px'}}>
                    <p style={{marginLeft:'10px',fontSize:'16px'}}>能提供哪写服务和功能?</p>
                    <img style={{width:'10px',height:'10px',marginTop:'20px',marginRight:'15px'}} src='https://cdn8.axureshop.com/demo2024/2322481/images/%E5%BA%97%E9%93%BA%E8%AF%A6%E6%83%85/u1754.svg'/>
                </div>
                <div style={{display:'flex',justifyContent:'space-between',width:'100%',height:'60px',borderBottom:'1px solid #eee',lineHeight:'60px'}}>
                    <p style={{marginLeft:'10px',fontSize:'16px'}}>我的个人信息会被保护吗?</p>
                    <img style={{width:'10px',height:'10px',marginTop:'20px',marginRight:'15px'}} src='https://cdn8.axureshop.com/demo2024/2322481/images/%E5%BA%97%E9%93%BA%E8%AF%A6%E6%83%85/u1754.svg'/>
                </div>
            </div>
        </div>
    )
}